<template>
	<div class="main">
		<div class="content">
			<router-link :to="{ path: '/wechatstudent/studentinfo' }">
				<div>个人信息</div>
				<div></div>
				<div>
					<img src="@/assets/images/wechat/student/setup/huijian.png">
				</div>
			</router-link>
			<router-link :to="{ path: '/wechatstudent/security' }">
				<div>账户安全</div>
				<div></div>
				<div>
					<img src="@/assets/images/wechat/student/setup/huijian.png">
				</div>
			</router-link>
			<a @click="auth">
				<div>微信绑定</div>
				<div></div>
				<div>
					<img src="@/assets/images/wechat/student/setup/huijian.png">
				</div>
			</a>
			<router-link :to="{ path: '/wechat/privacypolicy' }">
				<div>隐私政策</div>
				<div></div>
				<div>
					<img src="@/assets/images/wechat/student/setup/huijian.png">
				</div>
			</router-link>
			<router-link :to="{ path: '/wechat/useragreement' }">
				<div>用户协议</div>
				<div></div>
				<div>
					<img src="@/assets/images/wechat/student/setup/huijian.png">
				</div>
			</router-link>
			<a>
				<div>当前版本</div>
				<div>3.0.1</div>
				<div>
				</div>
			</a>
		</div>
	</div>
</template>
<script>

	export default {
		components: {
			
		},
		data() {
			return {
				baseUrl:process.env.VUE_APP_BASE_API,
				appId:""
			}
		},
		created: function() {
			this.appId=this.$store.state.globalData.wechatConfig.appId
		},
		beforeMount: function() {
			
		},
		mounted: function() {
			
		},
		methods: {
			auth:function(){
				window.location="https://open.weixin.qq.com/connect/oauth2/authorize?appid="+this.appId+"&redirect_uri="+encodeURIComponent("https://www.lawguanjia.com/#/wechatstudent/authorizeinfo")+"&response_type=code&scope=snsapi_userinfo#wechat_redirect";
			}
		}
	}
</script>
<style lang="scss" scoped>
	.main{
		width: 100%;
		height: 100vh;
		overflow: auto;
		.content{
			border-bottom: 1px solid #D4D4D4;;
			border-bottom-right-radius:10px;
			border-bottom-left-radius:10px;
			>a{
				margin-top: 24px;
				padding-top: 20px;
				margin-right:15px;
				padding-bottom:25px;
				border-bottom:1px solid #D4D4D4;;
				display: flex;
				>div:nth-child(1){
					margin-left:36px;
					font-weight: 400;
					color: #070707;
					flex:1;
				}
				>div:nth-child(2){
					font-size: 12px;
					font-weight: 400;
					color: #B9B9B9;
					margin-top:3px;
				}
				>div:nth-child(3){
					margin-right:17px;
					width:8px;
					height:14px;
					margin-top:3px;
					overflow: hidden;
					>img{
						width: 100%;
					}
				}
			}
			>a:nth-last-child(1){
				border-bottom: none;
			}
		}
		
	}
</style>